<template>
    <header class="web-return">
        <router-link to="/home/topping"><button>«</button></router-link>
        <router-link to="/home/topping"><button @click="mySave">保存</button></router-link>
    </header>
</template>



<script>
export default {
    name:"AppReturn",
    props:{
        option:{
            type:Object
        }
    },
    methods:{
        mySave(){
            this.$router.push({path:"/home/topping",query:{obj:this.option}})
        }
    }
}
</script>
<style lang="less" scoped>
.web-return {
    width: 100%;
    height: 50px;
    background-color: #f0f0f0;
    padding: 0 15px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: flex;
    justify-content: space-between;
    button {
        font-size: 25px;
    }
    a {
        &:nth-of-type(2) {
            button {
                font-size: 18px;
            }
        }
    }
}   
</style>